page {
	background-color: #ffffff;
	box-sizing: border-box;
}

.part {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 32rpx;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #333336;
	position: relative;
	height: 88rpx;
	background-color: #fff;
}
.part image {
	position: absolute;
	width: 48rpx;
	height: 48rpx;
	left: 24rpx;
}
.part .img {
	display: flex;
	align-items: center;
}
.option {
	display: flex;
	justify-content: space-between;
	background-color: #fff;
	height: 88rpx;
}
.option .row {
	width: 33.33%;
	text-align: center;
	position: relative;
	height: 88rpx;
	line-height: 88rpx;
	font-size: 30rpx;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #909399;
}
.option .row text {
	position: absolute;
	width: 28rpx;
	height: 6rpx;
	background: #008965;
	border-radius: 3rpx;
	bottom: 10rpx;
	left: 50%;
	margin-left: -14rpx;
}
.option .active {
	font-weight: 500;
	color: #333336;
}
.placeholder {
	font-size: 28rpx;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #c8cbcf;
}
.person .search {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
.person .search input {
	width: 632rpx;
	height: 64rpx;
	background: #f3f5f5;
	border-radius: 16rpx;
	padding-left: 72rpx;
}
.person .search image {
	width: 32rpx;
	height: 32rpx;
	position: absolute;
	left: 48rpx;
	z-index: 999;
}
.person .info {
	display: flex;
}
.person .info .coach {
	width: 226rpx;
}
.person .info .row {
	display: flex;
	margin: 12rpx 0;
	align-items: center;
	font-size: 28rpx;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #1a2233;
	width: 226rpx;
	height: 104rpx;
	position: relative;
}
.person .info .row image {
	width: 64rpx;
	height: 64rpx;
	border-radius: 64rpx;
	margin-right: 8rpx;
	margin-left: 24rpx;
}
.person .info .row .tag {
	width: 52rpx;
	height: 29rpx;
	border-radius: 8rpx;
	border: 1rpx solid #979797;
	font-size: 20rpx;
	color: #979797;
	text-align: center;
}
.person .info .active {
	background-color: #f1f8f5;
}
.person .info .row > .line {
	position: absolute;
	width: 6rpx;
	height: 104rpx;
	background: #00ab64;
	border-radius: 16rpx;
	left: 0;
	top: 0;
}
.person .info > .line {
	height: auto;
	width: 2rpx;
	background-color: #ebeded;
}
.person .info .right {
	width: 522rpx;
}
.person .info .right .qa {
	display: flex;
	justify-content: space-between;
	height: 76rpx;
	background: #fff4f0;
	border-radius: 16rpx;
	margin: 0 24rpx;
	font-size: 24rpx;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #585c66;
	align-items: center;
	padding-left: 20rpx;
	padding-right: 14rpx;
}
.person .info .right .qa .msg {
	width: 128rpx;
	height: 48rpx;
	border-radius: 16rpx;
	border: 2rpx solid #ffac00;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24rpx;
	font-family: PingFangSC-Medium, PingFang SC;
	font-weight: 500;
	color: #ffac00;
}
.person .info .right .entry {
	padding-left: 32rpx;
	margin-top: 32rpx;
	padding-right: 24rpx;
}
.person .info .right .entry .step {
	margin-bottom: 18rpx;
}
.person .info .right .entry .top {
	display: flex;
	font-size: 32rpx;
	font-family: PingFangSC-Medium, PingFang SC;
	font-weight: 500;
	color: #1a2233;
	align-items: center;
}
.person .info .right .entry .top .tag {
	transform: skewX(-10deg);
	width: 126rpx;
	height: 44rpx;
	background: #00ab64;
	border-radius: 12rpx;
	text-align: center;
	line-height: 44rpx;
	margin-right: 20rpx;
}
.person .info .right .entry .top .tag > view {
	transform: skewX(10deg);
	font-size: 24rpx;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #ffffff;
}
.person .info .right .entry .lesson {
	font-size: 24rpx;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #c4c7cc;
}
.person .info .right .entry .lesson .rows {
	padding-bottom: 16rpx;
	border-bottom: 2rpx solid #ebeded;
}
.person .info .right .entry .lesson .rows:last-child {
	border-bottom: 0;
}
.person .info .right .entry .lesson .rows .dis {
	color: #ffa480;
}
.person .info .right .entry .lesson .text {
	margin-top: 32rpx;
	margin-bottom: 4rpx;
	font-size: 28rpx;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #1a2233;
}

.open .entry {
	background: #ffffff;
	overflow: auto;
}
.open .entry .row {
	margin: 0 32rpx;
	padding: 32rpx 0;
	display: flex;
	border-bottom: 2rpx solid #ebeded;
}
.open .entry .row:last-child {
	border-bottom: 0;
}
.open .entry .row image {
	width: 220rpx;
	height: 148rpx;
	border-radius: 16rpx;
	margin-right: 24rpx;
}
.open .entry .row .right {
	font-size: 32rpx;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #1a2233;
}
.open .entry .row .right .second {
	display: flex;
	align-items: center;
	font-size: 24rpx;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #8a8f99;
	margin: 16rpx 0 24rpx 0;
}
.open .entry .row .right .second .line {
	width: 2rpx;
	height: 20rpx;
	background: #d8d8d8;
	margin: 0 16rpx;
}
.open .entry .row .right .second text {
	font-size: 24rpx;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #ffb210;
}
.open .entry .row .right .bottom {
	display: flex;
	justify-content: space-between;
	width: 442rpx;
}
.open .entry .row .right .bottom .left {
	display: flex;
	align-items: center;
	font-size: 24rpx;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #8a8f99;
}
.open .entry .row .right .bottom .left image {
	width: 32rpx;
	height: 32rpx;
	border-radius: 32rpx;
}
.open .entry .row .right .bottom .other {
	display: flex;
	align-items: center;
	font-size: 24rpx;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #c4c7cc;
}

.open .entry .row .right .bottom .other image {
	width: 32rpx;
	height: 32rpx;
	margin-right: 4rpx;
}
.answer .btn {
	display: flex;
	height: 96rpx;
	align-items: center;
	justify-content: flex-start;
	padding-left: 32rpx;
}
.answer .btn text {
	display: flex;
	width: 140rpx;
	height: 60rpx;
	background: #f0f2f5;
	border-radius: 16rpx;
	align-items: center;
	justify-content: center;
	margin-right: 24rpx;
	font-size: 24rpx;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #585c66;
}
.answer .btn .active {
	background-color: #00ab64;
	color: #fff;
}
.answer .content {
	background-color: #f5f5f5;
}
.answer .content .tip {
	margin: 0 30rpx;
	background-color: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 32rpx 28rpx 32rpx 40rpx;
	font-size: 28rpx;
	font-family: PingFangSC-Medium, PingFang SC;
	font-weight: 500;
	color: #585c66;
	border-radius: 24rpx;
}
.answer .content .tip image {
	width: 180rpx;
	height: 176rpx;
}
.answer .content .tip .text {
	transform: skewX(-10deg);
	font-size: 34rpx;
	font-weight: 700;
	margin-top: 10rpx;
}
.answer .content .tip text {
	font-size: 24rpx;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #ffffff;
	width: 128rpx;
	height: 48rpx;
	background: #ffac00;
	border-radius: 16rpx;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 30rpx;
}
.answer .row {
	margin: 30rpx;
	background-color: #fff;
	border-radius: 24rpx;
	padding: 30rpx;
}
.answer .row .top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 24rpx;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #ff7742;
	border-bottom: 2rpx solid #ebeded;
	padding-bottom: 30rpx;
}
.answer .row .top image {
	width: 48rpx;
	height: 48rpx;
	margin-right: 12rpx;
}
.answer .row .top .left {
	display: flex;
	align-items: center;
	font-size: 32rpx;
	font-family: PingFangSC-Semibold, PingFang SC;
	font-weight: 600;
	color: #1a2233;
}
.answer .row .detail {
	display: flex;
	justify-content: flex-start;
	margin-top: 32rpx;
	font-size: 28rpx;
	font-family: PingFangSC-Medium, PingFang SC;
	font-weight: 500;
	color: #1a2233;
}
.answer .row .detail image {
	width: 196rpx;
	height: 196rpx;
	border-radius: 100%;
	margin-right: 32rpx;
}
.answer .row .detail .name {
	margin-bottom: 16rpx;
}
.answer .row .detail .cate {
	font-size: 28rpx;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #585c66;
	margin-bottom: 8rpx;
}
.answer .row .detail .time {
	font-size: 28rpx;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #c4c7cc;
	margin-top: 4rpx;
}
.answer .row .already {
	color: #c4c7cc;
}
